<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="#">
        <div>
            <label for="name">姓名:</label>
            <!--占位符 placeholder-->
            <input type="text" id="name" placeholder="请输入用户名" name="name">
        </div>
        <div>
            <label for="passwd"> 密码:</label>
            <input type="password" id="passwd" placeholder="请输入密码" name="psswd">
        </div>
        <div>
            <label for="xl">学历</label>
            <!--下拉列表框元素 使用 option 设置列表项 value是列表的值-->
            <select name="xl" id="xl">
                <option value="1">大学</option>
                <option value="2">中学</option>
                <option value="3">小学</option>
            </select>
        </div>
        <div>
            <label for="sex">性别:</label>
            <!--单选按钮元素 name相同则相互排斥 checked默认选中-->
            <input type="radio" value="1" name="sex" checked="1"/>男
            <input type="radio" value="2" name="sex"/>女
        </div>
        <div>
            <label for="like">爱好:</label>
            <!--复选按钮元素 -->
            <input type="checkbox" name="like" checked/>编程
            <input type="checkbox" name="like"/>游戏
            <input type="checkbox" name="like"/>阅读
        </div>

        <div>
            <label for="demo">简介：</label>
            <!--输入多行多列文本内容-->
            <textarea name="demo" 
                        id="demo" 
                        cols="30" 
                        rows="10">
                    </textarea>
        </div>
        <div>
            <!--提交按钮 默认为get方式-->
            <input type="submit" value="注册" />
            <!--重置按钮-->
            <input type="reset" value="重置" />
        </div>
    </form>
</body>
</html>